<template>
  <div>




    <el-menu :default-active="activeIndex"  class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1" >个人中心</el-menu-item>
      <el-submenu index="2">
        <template slot="title">我的工作台</template>
        <el-menu-item index="2-1">云盘</el-menu-item>
        <el-menu-item index="2-2" @click="toM12Blog">文章</el-menu-item>
        <el-menu-item index="2-3">项目</el-menu-item>
        <el-submenu index="2-4">
          <template slot="title">GIT</template>
          <el-menu-item index="2-4-1">Github</el-menu-item>
          <el-menu-item index="2-4-2">Gitee</el-menu-item>
          <el-menu-item index="2-4-3">本地</el-menu-item>
        </el-submenu>
      </el-submenu>
      <el-menu-item index="3" >消息中心</el-menu-item>
      <el-menu-item index="4">近期任务</el-menu-item>
      <el-menu-item style="width: 300Px;position:absolute;right:0;" >
        <el-input placeholder="请输入内容" v-model="input5" class="input-with-select">

          <el-button slot="append" icon="el-icon-search" @click="toM12Blog"></el-button>
        </el-input>
      </el-menu-item>
    </el-menu>
  </div>


</template>

<script>
    export default {
        name: "home",
      methods: {
        toM12About:function(){
          let that = this;
          that.$router.push({path:'/about'});
        },
        toM12Blog: function () {
          let that = this;
          that.$router.push({path:'/blog'});
        },
        toM12Home:function () {
          let that = this;
          that.$router.push({path:'/home'});
        },
        toM12Insp:function () {
          let that = this;
          that.$router.push({path:'/Inspiration'});
        },
        toM12ME:function () {
          let that = this;
          that.$router.push({path:'/contactMe'});
        },
        toIndex:function () {
          let that = this;
          that.$router.push({path:'/'});
        }
      }
    }
</script>

<style scoped>

</style>
